@CHARSET "utf-8";
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(http://themes.googleusercontent.com/static/fonts/arvo/v5/WJ6D195CfbTRlIs49IbkFw.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(http://themes.googleusercontent.com/static/fonts/arvo/v5/0Aa8aBJcGN1n1zDNhqNrnQ.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 400;
  src: local('Arvo Italic'), local('Arvo-Italic'), url(http://themes.googleusercontent.com/static/fonts/arvo/v5/7solcx-ZQo6LBqJvZuxkkg.woff) format('woff');
}
@font-face {
  font-family: 'Arvo';
  font-style: italic;
  font-weight: 700;
  src: local('Arvo Bold Italic'), local('Arvo-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/arvo/v5/Vj6JEk1YZr8j8R8H2j0b-j8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* default.css */
html, body {height:100%; margin: 0; padding: 0; font-family:'Nanum Gothic', 'nanumgothic', "나눔고딕", Tahoma, Geneva, sans-serif; font-size:12px; line-height:1.7; color:#555;}

div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
ul, ol, li {list-style:none; margin:0; padding:0;}
img, fieldset {border:0;}
caption{display:none;}
fieldset {width:100%}
legend{visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
.fl {float:left; }
.fr {float:right; }
a {color:#555; text-decoration:none;}
a:visited, a:active, a:hover, a:focus { text-decoration:none;}
input.i_text  {position:relative; height:14px; padding:3px 4px; margin:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
textarea.i_text {position:relative; width:95%; height:100px; padding:3px 4px; margin:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; }
table {border-collapse:collapse; border-spacing:0;}
.clear {clear:both; height:0; overflow:hidden;}

.item {position:relative; margin:-4px 0;}
.item label {top:3px; left:6px;}

.w_100 {width:100px;}
.w_200 {width:200px;}

/* layout */
#wrap {height:100%; }
#header {position:relative; height:70px; background:#f1f1f1; text-align:center; z-index:1;}
#header h1 {margin:0; padding:10px 0 0; text-align:center; font-weight:700; line-height:30px; font-size:29px; font-family:Arvo; letter-spacing:-1px;}
#header span.desc {font-size:11px; font-family:'Nanum Gothic'; color:#999;}
#gnb {position:absolute; top:0; right:50px; padding:10px 15px 10px 7px; background:#333; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px;}
#gnb ul {*zoom:1}
#gnb ul:after {content:""; display:block; clear:both}
#gnb ul li {float:left; padding:0 7px 0 8px; line-height:12px; font-size:11px; border-right:1px solid #d1d1d1;}
#gnb ul li a {color:#dadada}
#gnb ul li a:hover {font-weight:bold; color:#f7f7f7}

#container {width:80%; min-height: 100%; margin: -70px auto -70px;}
*html #container { height: 100%; }
#container_box {padding: 100px 0; *zoom:1}
#container_box:after {content:""; display:block; clear:both}

#side {float:left; width:180px; font-size:11px;}
#side h2 {font-size:12px; text-align:center; color:#ff5460;}
#side h3 {font-size:12px; font-family:Arvo;}

#side .profile {width:154px; padding-bottom:15px; border-bottom:1px solid #e7e7e7}
#side .profile .profile_pic {width:150px; height:210px; margin:0 0 10px; border:2px solid #c7c7c7}
#side .profile .profile_adm {margin-top:5px; text-align:center; font:9px tahoma; color:#bbb}
#side .profile .profile_adm a {color:#999}

#side .side_notice {padding:10px 0;}
#side .side_notice ul li {padding-left:7px; background:url('../images/ico_bu01.gif') no-repeat 0 8px;}
#side .side_notice ul li a {color:#888}
#side .side_notice ul li a:hover {color:#555}

#side .category {width:154px; padding:10px 0;}
#side .recentPost width:154px; padding:10px 0;}
#side .recentComment {width:154px; padding:10px 0;}
#side .link {width:154px; padding:10px 0;}
#side .counter {width:154px; padding:10px 0;}
#side .counter span {font:10px tahoma;}

#footer {height:54px; padding:15px 3% 0; border-top:1px solid #e7e7e7; font:10px tahoma; color:#999; *zoom:1}
#footer:after {content:""; display:block; clear:both;}
#footer a {color:#999}
#footer a:hover {color:#555}
#footer .footer_menu {float:left; margin-bottom:5px;}
#footer .footer_menu a {display:inline-block; margin-right:2px; padding-right:5px; line-height:15px; border-right:1px solid #e7e7e7}
#footer .footer_menu a.twitter {padding-left:20px; font-weight:bold; color:#118abb; background:url("../images/ico_twitter.gif") no-repeat 0 0}
#footer .footer_menu a.twitter2 {padding-left:20px; color:#118abb; background:url("../images/ico_twitter.gif") no-repeat 0 0}
#footer .footer_copyright {float:right;}

#content {float:left; min-width:77%; max-widwth:87%; width:87%;}
#content h3.eng {font-style: italic;font-size:18px; font-family:Arvo;}
#content .taglog ul {*zoom:1}
#content .taglog ul:after {content:""; display:block; clear:both}
#content .taglog a.cloud1 {}
#content .taglog a.cloud2 {}
#content .taglog a.cloud3 {}
#content .taglog a.cloud4 {}
#content .taglog a.cloud5 {}


#content .guestWrite {margin:10px 0; padding:15px 15px 10px 15px; border-bottom:1px solid #f1f1f1; *zoom:1}
#content .guestWrite:after {content:""; display:block; clear:both}
#content .guestWrite ul {margin:0 0 5px; *zoom:1}
#content .guestWrite ul:after {content:""; display:block; clear:both}
#content .guestWrite ul li {float:left; margin-right:5px;}
#content .guestWrite textarea.i_text {float:left; width:88%; height:63px;} 
#content .guestWrite .i_submit {float:left; width:73px; height:73px; babckground:url('../images/btn_confirm.gif') no-repeat 0 0;} 



